import { Layout, Breadcrumb, Input, Select, Form ,Button} from 'antd';
import Date from '../../../components/Date'
import './Refund.css'
import RefundTab from './RefundTab';


const { Content} = Layout;



function handleChange(value) {
    console.log(`selected ${value}`);
}

function Refundcon(){
    return <Layout style={{ padding: '0 24px' }} className="Refundcon">
    {/* 面包屑 */}
    <Breadcrumb style={{ margin: '16px 0' }}>
        <Breadcrumb.Item>退款管理</Breadcrumb.Item>
        <Breadcrumb.Item>退款介入</Breadcrumb.Item>
    </Breadcrumb>
     {/* 内容上方输入框 */}
    <Form size="Default" layout="inline" className="form">
        <Form.Item label="时间">
            <Date />
        </Form.Item>
        <Form.Item label="订单">
            <Input placeholder="请输入订单编号" />
        </Form.Item>
        <Form.Item label="用户">
            <Input placeholder="请输入姓名" />
        </Form.Item>
        <Form.Item label="陪护员">
            <Input placeholder="请输入陪护员" />
        </Form.Item>
        <Form.Item label="状态" className='select'>
            <Select placeholder="请选择">
                <Select.Option value="微信">微信</Select.Option>
                <Select.Option value="支付宝">支付宝</Select.Option>
                <Select.Option value="平台">平台</Select.Option>
                <Select.Option value="免支付">免支付</Select.Option>
            </Select>
        </Form.Item>
        <Button>筛选</Button>
    </Form>
    {/* 内容 */}
    <Content>
        {/* 表格 */}
        <RefundTab />
    </Content>
</Layout>
}
export default Refundcon;